
<template>
  <div class="qr-login ta" v-if="isshow">
    <div class="qr-login-box pa">
      <div class="colse-box pa" @click="hide">
        <i class="iconfont icon-guanbi"></i>
      </div>
      <div class="title">微信扫码登录</div>
      <div class="miaoshu">未注册的微信号将自动创建uimall账号</div>
      <div class="code-box">
        <!-- 二维码展示 -->
        <img v-html="captcha" src="@/assets/img/14.jpg" alt="" />
        <p class="code-p ta"><i class="iconfont icon-weixin"></i> 微信扫码</p>
      </div>
      <div class="zhzhu-a ta">
        <a href=""><i class="iconfont icon-shouji"></i> 账号登录注册</a>
      </div>
      <div class="zhuce-divs">
        注册登录即代表同意 <a href="">《用户协议》</a><a href="">《隐私政策》 </a>
      </div>
    </div>
  </div>
</template>

<script>
import * as  api from "@/api/users"


export default {
  data() {
    return {
      isshow: false,
      captcha: "",//验证码
    }
  },
  created() {
    // this.getCaptCha()
  },
  methods: {
    hide() {
      this.isshow = false;
    },



    // 封装一个获取验证码的方法
    // getCaptCha() {
    //   api.getCaptCha()
    //     .then(res => {
    //     //  console.log(res);
    //      this.captcha = res.data.img
    //     })
    // }


  }

}
</script>

<!-- <style></style> -->